<template>
	<view class=" pb30">
		<view class="record-item u-flex u-flex-between u-flex-y-center">
			<view class="l">
				<view class="h">充值</view>
				<view class="time">2020.3.5 12:25:23</view>
			</view>
			<view class="r">
				¥300
			</view>
		</view>
		<view class="record-item u-flex u-flex-between u-flex-y-center">
			<view class="l">
				<view class="h">充值</view>
				<view class="time">2020.3.5 12:25:23</view>
			</view>
			<view class="r">
				¥300
			</view>
		</view>
		<u-loadmore 
		        :status="status" 
		        :loading-text="loadingText" 
		        :loadmore-text="loadmoreText" 
		        :nomore-text="nomoreText" 
		/>
	</view>
</template>

<script>
	
	export default{
		components:{
			
		},
		data() {
			return {
				status: 'nomore',
				loadingText: '努力加载中',
				loadmoreText: '轻轻上拉',
				nomoreText: '仅显示三个月内的消费记录'
			}
		},
		  computed: {
		       
		    },
		onLoad() {
		
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	.record-item{
		width: 710rpx;height: 120rpx;background: #fff;
		margin: 20rpx auto 0;padding: 20rpx;border-radius: 16rpx;
		.l{
			.h{font-size: 32rpx;color: #222;line-height: 45rpx;}
			.time{color: #888;font-size: 24rpx;line-height: 34rpx;}
		}
		.r{
			font-size: 32rpx;color: #222;
		}
	}

	
</style>